<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style>
        #Regist{
            position: absolute;
            width: 80%;
            margin-top: 60px;
        }
        body>div>input{
            margin-top: 20px;
            margin-left: 20px;
            margin-right:20px;
            width: 100%;
            height: 30px;
            border:1px solid darkgrey;
        }

        #registBtn{
            outline:none;
            margin-top: 20px;
            margin-left: 20px;
            margin-right: 20px;
            width: 100%;
            height: 40px;
            padding: 0;
            border: 0px;
            border-radius: 5px;
            background-color: greenyellow;
        }

    </style>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script>
        $(document).ready(function(){
            var url="http://47.106.83.116:80/userInfo/get-image-code";
            $.getJSON("http://47.106.83.116:80/userInfo/get-image-code",function (data) {
                console.log(data);
            });

        });
        function SUCCED(data) {
            console.log(data);
        }
        function AregistBtn() {
           var items = document.getElementsByTagName('input');
           for (var i =0; i<items.length;i++){
               alert(items[i]);
           }
        }

    </script>
</head>
<body>
   <div style="margin-top: 60px">
       <b style="position: absolute;text-align: center;width: 100%">BOXC</b>
   </div>

   <div id="Regist">
       <input flag="1" placeholder="输入账号">

       <input flag="2" placeholder="输入图片验证码">

       <img style="position: absolute;right: -22px;margin-top: -32px;width: 200px;height: 30px;background-color: gainsboro" src="image/更多.png">

       <input flag="3" placeholder="输入验证码">

       <input flag="4" placeholder="输入密码" >

       <button id="registBtn" onclick="AregistBtn()"> 注册</button>
   </div>
</body>
</html>